<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta charset="UTF-8">
	<!--<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">-->
	<title>分析决策/Analysis Resolution</title>
</head>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/normalize.css">

<body>
	<div class="nav">
		<div class="logo">
			<img src="images/logo.png" alt="">
		</div>
		<div class="nav_item  cur">
			<a class="service" href="product.html">服务中心</a>
		</div>
		<div class="nav_item ">
			<a class="account" href="">账户管理</a>
		</div>
		<div class="nav_item ">
			<a class="information" href="information.html">信息管理</a>
		</div>
	</div>
	<div class="navSide">
		<img src="images/sideIcon.png" alt="">
	</div>
	<div class="top clearfix">
		<span class="fr">欢迎回来，<span class='username'></span>! <a class="user" href="###"><span>A</span><i class="top_down"></i></a></span>
		<div class="navDown">
			<ul>
				<li><a href="###" class="quit">退出</a></li>
			</ul>
		</div>
	</div>
	<div class="con">
		<div class="main city">
			<div class="title">分析结果</div>
			<div class="sel">
				<select id="province">
					<!-- <option>选择省</option> -->
				</select>
				<select id="city">
					<!-- <option>选择市</option> -->
				</select>
			</div>
			<div class="tab clearfix">
				<a class="infor_tab" href="city.html">城市数据信息</a>
				<a class="infor_tab cur">人口数据信息</a>
			</div>
			<div class="city_info">
				<span id="timeShow"></span>
				<span>当前选择城市：<span class="a_blue"></span></span>
			</div>
			<div class="fl clearfix" style="width: 100%">
				<div class="echartbox echartbig clearfix">
					<div class="echartitlebig"><i class="circle"></i>人口</div>
					<div id="echartmap" class="echartmap"></div>
				</div>
				<div class="echartbox clearfix">
					<div class="echartitle"><i class="circle"></i>消费者信心指数</div>
					<div id="echartCCI" class="echart">
					</div>	
				</div>
				<div class="echartbox clearfix">
					<div class="echartitle"><i class="circle"></i>购买力指数</div>
					<div id="echartBPI" class="echart">
					</div>
				</div>
				<div class="echartbox clearfix">
					<div class="echartitle"><i class="circle"></i>城市人口受教育程度统计</div>
					<div id="echartedu" class="echart">
					</div>
				</div>
				<div class="echartbox clearfix">
					<div class="echartitle"><i class="circle"></i>家庭结构统计</div>
					<div id="echartRatio" class="echart">
					</div>
				</div>
				<div class="echartbox clearfix">
					<div class="echartitle"><i class="circle"></i>人口年龄分布</div>
					<div id="echartAge" class="echart">
					</div>
				</div>
			</div>
			<div class="citybiz">
				<span class="note"><i class="circle"></i>注：部分数据系数取自国家统计局网站</span>
			</div>
			<div class="tab clearfix">
				<span class="plan_tab infor_tab cur">媒体推荐选择方案 </span>
			</div>
			<div class="table">
				<table style="border: 0">
					<tr>
						<td class="plantitle titfont onefifteen">案例</td>
						<td class="plantitle titfont onefive">媒体类型</td>
						<td class="plantitle titfont oneten">媒体形式</td>
						<td class="plantitle titfont oneten">媒体数量</td>
						<td class="plantitle titfont oneten">vaR%</td>
						<td class="plantitle titfont oneten">vaF</td>
						<td class="plantitle titfont oneten">vaGRP</td>
						<td class="plantitle titfont oneten">刊例价（万元）</td>
						<td class="plantitle titfont oneten">vaCPM（元）</td>
						<td class="plantitle titfont oneten">方案详情</td>
					</tr>
					<!-- <tr>
						<td rowspan="4" class="btbg1 boright plantitle"><img src="images/recommend.png" alt="">暴风之巅户外广告牌安置Plan B</td>
						<td rowspan="2" class="btbg1 boright">地铁媒体</td>
						<td class="btbg1 boright">12封灯箱</td>
						<td class="btbg1 boright">8</td>
						<td rowspan="4" class="btbg1">52.2</td>
						<td rowspan="4" class="btbg1">4</td>
						<td rowspan="4" class="btbg1">220</td>
						<td rowspan="4" class="btbg1">66</td>
						<td rowspan="4" class="btbg1">220</td>
						<td rowspan="4" class="btbg1"><a class="a_blue" href="media.html">点击查看详情</a></td>
					</tr>
					<tr>
						<td class="btbg1 boright">4封灯箱</td>
						<td class="btbg1 boright">4</td>
					</tr>
					<tr>
						<td class="btbg1">公交媒体</td>
						<td class="btbg1">候车厅</td>
						<td class="btbg1">8</td>
					</tr>
					<tr>
						<td class="btbg1">楼宇框架</td>
						<td class="btbg1">框架广告</td>
						<td class="btbg1">4</td>
					</tr>
					<tr>
						<td rowspan="4" class="boright plantitle">暴风之巅户外广告牌安置Plan B</td>
						<td rowspan="2" class="boright">地铁媒体</td>
						<td class="boright">12封灯箱</td>
						<td class="boright">8</td>
						<td rowspan="4" class="">52.2</td>
						<td rowspan="4" class="">4</td>
						<td rowspan="4" class="">220</td>
						<td rowspan="4" class="">66</td>
						<td rowspan="4" class="">220</td>
						<td rowspan="4" class=""><a class="a_blue" href="media.html">点击查看详情</a></td>
					</tr>
					<tr>
						<td class="boright">4封灯箱</td>
						<td class="boright">4</td>
					</tr>
					<tr>
						<td>公交媒体</td>
						<td>候车厅</td>
						<td>8</td>
					</tr>
					<tr>
						<td>楼宇框架</td>
						<td>框架广告</td>
						<td>4</td>
					</tr>
					<tr>
						<td rowspan="3" class="btbg1 boright plantitle">暴风之巅户外广告牌安置Plan B</td>
						<td class="btbg1">地铁媒体</td>
						<td class="btbg1">12封灯箱</td>
						<td class="btbg1 boright">8</td>
						<td rowspan="3" class="btbg1">52.2</td>
						<td rowspan="3" class="btbg1">4</td>
						<td rowspan="3" class="btbg1">220</td>
						<td rowspan="3" class="btbg1">66</td>
						<td rowspan="3" class="btbg1">220</td>
						<td rowspan="3" class="btbg1"><a class="a_blue" href="media.html">点击查看详情</a></td>
					</tr>
					<tr>
						<td class="btbg1">公交媒体</td>
						<td class="btbg1">候车厅</td>
						<td class="btbg1 boright">8</td>
					</tr>
					<tr>
						<td class="btbg1">楼宇框架</td>
						<td class="btbg1">框架广告</td>
						<td class="btbg1 boright">4</td>
					</tr> -->
				</table>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/adaptation.js"></script>
<script type="text/javascript" src="js/echarts-all-3.js"></script>
<script type="text/javascript" src="js/mapapi.js"></script>
<script type="text/javascript" src="js/bmap.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Pg78EjHlM1Ma0Bs5gZwkmgrQ"></script>
<script type="text/javascript" src="js/ajax-information.js"></script>
<script type="text/javascript" src="js/echart2.js"></script>
<script type="text/javascript">
	$(function(){
		var t = null;
		t = setTimeout(time);
		function time()
		{
			clearTimeout(t);
			dt = new Date();
			var y=dt.getYear()+1900;
			var mm=dt.getMonth()+1;
			var d=dt.getDate();
			var day=dt.getDay();
			var h=dt.getHours();
			var m=dt.getMinutes();
			var s=dt.getSeconds();
			if(h<10){h="0"+h;}
			if(m<10){m="0"+m;}
			if(s<10){s="0"+s;}
			document.getElementById("timeShow").innerHTML =  +y+"年"+mm+"月"+d+"日"+" "+h+":"+m+":"+s+"";
       	t = setTimeout(time,1000); //设定定时器，循环执行           
       }
   })
</script>
</html>